<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="layui-collapse" lay-accordion>
		  <div class="layui-colla-item">
		    <h2 class="layui-colla-title">杜甫</h2>
		    <div class="layui-colla-content layui-show">内容区域</div>
		  </div>
		  <div class="layui-colla-item">
		    <h2 class="layui-colla-title">李清照</h2>
		    <div class="layui-colla-content layui-show">内容区域</div>
		  </div>
		  <div class="layui-colla-item">
		    <h2 class="layui-colla-title">鲁迅</h2>
		    <div class="layui-colla-content layui-show">内容区域</div>
		  </div>
		</div>
		 
		<script>
		//注意：折叠面板 依赖 element 模块，否则无法进行功能性操作
		layui.use('element', function(){
		  var element = layui.element;
		  
		  //…
		});
		</script>
	</body>
</html>
